<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>JSONBlogTest</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/static/default/css/style.css">
</head>
</head>
<body>
<div class="frame" id="frame">
  <header class="titlebar">
    <div class="dot" title="Close"   onclick="location.reload()"></div>
    <div class="dot" title="Minimize" onclick="minimize()"></div>
    <div class="dot" title="Fullscreen" onclick="toggleFullscreen()"></div>
  </header>

  <main class="content">
    
    <!-- About -->
    <h1>// About</h1>
    <p><span style="color:var(--kw)">const</span> <span style="color:var(--accent)">JSONBlogTest</span> = {<br>&nbsp;&nbsp;<span style="color:var(--cmt)">/* 我是一名热爱编程的开发者，喜欢创建简洁实用的工具。 */</span><br>&nbsp;&nbsp;<span style="color:var(--kw)">interests</span>: [<span style="color:var(--str)">"阅读", "编程", "音乐", "绘画"</span>],<br>&nbsp;&nbsp;<span style="color:var(--kw)">skills</span>: [<span style="color:var(--str)">"轻量", "简单", "易迁移"</span>]<br>};</p>

    <!-- 社交媒体模块 -->
    <div class="social-media">
        <h2>// Social Media</h2>
        <div class="social-links">
                        <div class="social-item">
                <span class="social-label">email:</span>
                                    <span>jsonblog@outlook.com</span>
                            </div>
                        <div class="social-item">
                <span class="social-label">gitee:</span>
                                    <a href="https://gitee.com" target="_blank">https://gitee.com</a>
                            </div>
                        <div class="social-item">
                <span class="social-label">github:</span>
                                    <a href="https://github.com" target="_blank">https://github.com</a>
                            </div>
                        <div class="social-item">
                <span class="social-label">wechat:</span>
                                    <span>wechat_id</span>
                            </div>
                        <div class="social-item">
                <span class="social-label">weibo:</span>
                                    <a href="https://weibo.com" target="_blank">https://weibo.com</a>
                            </div>
                        <div class="social-item">
                <span class="social-label">zhihu:</span>
                                    <a href="https://zhihu.com" target="_blank">https://zhihu.com</a>
                            </div>
                    </div>
    </div>
    <!-- Works -->
    <h2>// Works</h2>
    <div class="works" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;">
            <div class="card" style="padding:16px;">
        <h3>PHPHelper</h3>
        <p>图形化制作PHP</p>
        <a href="https://gitee.com/starbit/php-helper" target="_blank" style="display:inline-block;margin-top:8px;">查看项目 →</a>
              </div>
            <div class="card" style="padding:16px;">
        <h3>JSONBlog</h3>
        <p>基于JSON配置管理的静态博客系统</p>
        <a href="https://gitee.com/codekpy/jsonblog" target="_blank" style="display:inline-block;margin-top:8px;">查看项目 →</a>
              </div>
            <div class="card" style="padding:16px;">
        <h3>DuckSite</h3>
        <p>使用ThinkPHP8构建的快速建站系统</p>
        <a href="https://gitee.com/star-dream-net/duck-site" target="_blank" style="display:inline-block;margin-top:8px;">查看项目 →</a>
              </div>
            <div class="card" style="padding:16px;">
        <h3>Boxy开发文档-自定义积木篇</h3>
        <p>参与Boxy开发文档-自定义积木篇的编写</p>
        <a href="https://www.yuque.com/zaona/boxy/zk8tl3mi4l8i7y8r" target="_blank" style="display:inline-block;margin-top:8px;">查看项目 →</a>
              </div>
          </div>

    <!-- Partitions -->
    <h2>// Partitions</h2>
    <div class="partitions" style="display:flex;gap:12px;margin-bottom:20px;">
              <a href="/Partitions/1.html" style="padding:6px 12px;background:var(--glass);border-radius:6px;cursor:pointer;text-decoration:none;color:var(--text);" class="partition-btn">杂言杂鱼</a>
          </div>

    <!-- Blog Posts -->
    <h2>// Latest Posts</h2>
    <div class="posts-container">
              <div class="partition-latest-posts" style="margin-bottom:30px;">
          <h3 style="color:var(--kw);margin-bottom:12px;">杂言杂鱼</h3>
                                <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;">
                              <div class="card" style="margin-bottom:0;">
                  <div style="display:flex;justify-content:space-between;align-items:center;">
                    <h3><a href="/posts/1.html">博客标题</a></h3>
                                          <span style="background:var(--accent);color:white;padding:2px 8px;border-radius:4px;font-size:0.7em;">置顶</span>
                                      </div>
                  <p>作者1 | 2021-01-01</p>
                  <div style="margin-top:8px;">
                                          <span style="font-size:0.8em;background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:12px;margin-right:4px;">标签1</span>
                                          <span style="font-size:0.8em;background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:12px;margin-right:4px;">标签2</span>
                                      </div>
                </div>
                          </div>
            <div style="margin-top:10px;">
              <a href="/Partitions/1.html" style="color:var(--kw);">查看更多 →</a>
            </div>
                  </div>
          </div>
  </main>
</div>

<script src="/static/default/js/script.js"></script>
</body>
</html>